1 <!DOCTYPE html>
2 <!--[
if IE 8]> <html lang="en" class="ie8"> <![endif]-->
3 <!--[
if !IE]><!--> <html lang="en"> <!--<![endif]-->
4
5     <head>
6         <meta charset=
"utf-8">
7         <title>ABOUT US | SPC-IKTHSS CHERUKULAMBA BLOOD DONORS DIRECTORY</title>
8         <meta name=
"viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
9         <meta name=
"description" content="Blood Donation - Activism & Campaign HTML5 Template">
10         <meta name=
"author" content="xenioushk">
11         <link rel=
"shortcut icon" href="images/favicon.png" />
12
13         <!-- HTML5 shim,
for IE6-8 support of HTML5 elements -->
14         <!--[
if lt IE 9]>
15           <script src=
"http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
16         <![endif]-->
17
18         <!-- The styles -->
19         <link rel=
"stylesheet" href="css/bootstrap.min.css" />
20         <link href=
"css/font-awesome.min.css" rel="stylesheet" type="text/css" >
21         <link href=
"css/animate.css" rel="stylesheet" type="text/css" >
22         <link href=
"css/owl.carousel.css" rel="stylesheet" type="text/css" >
23         <link href=
"css/venobox.css" rel="stylesheet" type="text/css" >
24         <link rel=
"stylesheet" href="css/styles.css" />
25
26     <body>
27
28         <div id=
"preloader">
29             <span
class="margin-bottom"><img src="images/loader.gif" alt="" /></span>
30         </div>
31
32         <!-- HEADER -->
33
34        <header
class="main-header clearfix" data-sticky_header="true">
35
36             <div
class="top-bar clearfix">
37
38                 <div
class="container">
39
40                     <div
class="row">
41
42                         <div
class="col-md-4 col-sm-8">
43
44                             <p>Welcome to blood bank directory. </p>
45
46                         </div>
47
48                             <div
class="col-md-4 col-sm-4">
49                                     <center>
50                             <p><a href=
"need-blood"><blink>Need Blood ?</blink></a></p>
51                                 </center>
52                         </div>
53                         <div
class="col-md-4col-sm-12">
54                             <div
class="top-bar-social">
55                                 <a href=
"https://facebook.com/IKTEDUCity"><i class="fa fa-facebook"></i></a>
56                                 <a href=
"mailto:ikthssckb@gmail.com" target="_top"><i class="fa fa-envelope "></i></a>
57                                
58                                 <a href=
"https://www.youtube.com/channel/UCic8owPLTcWF2Cue4XN5A7g/videos"><i class="fa fa-youtube"></i></a>
59                             </div>
60                         </div>
61
62                     </div>
63
64                 </div> <!-- end .container -->
65
66             </div> <!-- end .top-bar -->
67
68             <section
class="header-wrapper navgiation-wrapper">
69
70                 <div
class="navbar navbar-default">
71                     <div
class="container">
72
73                         <div
class="navbar-header">
74                             <button type=
"button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
75                                 <span
class="icon-bar"></span>
76                                 <span
class="icon-bar"></span>
77                                 <span
class="icon-bar"></span>
78                             </button>
79                             <a
class="logo" href="index"><img alt="" src="images/logo.png"></a>
80                         </div>
81
82                         <div
class="navbar-collapse collapse">
83                             <ul
class="nav navbar-nav navbar-right">
84                                 <li
class="drop">
85                                     <li
class="drop"><a href="index" title="Home Layout 01">Home</a></li>
86                                 <li><a href=
"need-blood" title="Donors">Donors</a></li>
87                                 <li><a href=
"be-a-part" title="BE A PART">BE A PART</a></li>
88                                 <li><a href=
"about-spc" title="About Spc">About Spc</a></li>
89                                 <li><a href=
"about-us" title="About Us">About Us</a></li>
90
91
92
93                                
94
95                                 
96
97
98                                 <li><a href=
"contact">Contact</a></li>
99                             </ul>
100                         </div>
101                     </div>
102                 </div>
103
104             </section>
105
106         </header> <!-- end main-header -->
107
108         <!-- PAGE HEADING -->
109
110         <section
class="page-header">
111
112             <div
class="container">
113
114                 <div
class="row">
115
116                     <div
class="col-sm-12 text-center">
117
118                         <h3>
119                             About Us
120                         </h3>
121
122                         <p
class="page-breadcrumb">
123                             <a href=
"#">Home</a> / About Us
124                         </p>
125
126
127                     </div>
128
129                 </div> <!-- end .row -->
130
131             </div> <!-- end .container -->
132
133         </section> <!-- end .page-header -->
134
135         <!-- TEAM SECTION -->
136
137         <section
class="section-content-block section-our-team">
138
139             <div
class="container wow fadeInUp">
140
141                 <div
class="row section-heading-wrapper">
142
143                     <div
class="col-md-12 col-sm-12 text-center">
144                         <h2
class="section-heading">Our Volunteers</h2>
145                         <p
class="section-subheading">The volunteers who give their time and talents help to fulfill our mission.</p>
146                     </div> <!-- end .col-sm-
10 -->
147
148                 </div> <!-- end .row -->
149
150                 <div
class="row">
151
152                     <div
class="col-lg-4 col-md-offset-0 col-md-4 col-md-offset-0 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
153
154                         <div
class="team-layout-1">
155
156                             <figure
class="team-member">
157                                 <a href=
"#" title="ALEXANDER GARY">
158                                   <!-- <img src=
"images/team_9.jpg" alt="ALEXANDER GARY"/> -->
159                                 </a>
160
161                             </figure> <!-- end. team-member -->
162
163                             <article
class="team-info">
164                                 <h3>Name
1</h3>
165                                 <h4>....</h4>
166                             </article>
167
168                             <div
class="team-content">
169
170                                 <div
class="team-social-share text-center clearfix">
171                                     <a
class="fa fa-facebook rectangle" href="#" title="Facebook"></a>
172                                     <a
class="fa fa-twitter rectangle" href="#" title="Twitter"></a>
173                                     <a
class="fa fa-google-plus rectangle" href="#" title="Google Plus"></a>
174                                     <a
class="fa fa-linkedin rectangle" href="#" title="Linkedin"></a>
175                                 </div> <!-- end .author-social-box -->
176
177                             </div>
178
179                         </div> <!-- end team-layout-
1 -->
180
181                     </div> <!-- end .col-md-
4 col-sm-12 -->
182
183                     <div
class="col-lg-4 col-md-offset-0 col-md-4 col-md-offset-0 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
184
185                         <div
class="team-layout-1">
186
187                             <figure
class="team-member">
188                                 <a href=
"#" title="MELISSA MUNOZ">
189                                    <!-- <img src=
"images/team_6.jpg" alt="MELISSA MUNOZ" /> -->
190                                 </a>
191
192                             </figure> <!-- end. team-member -->
193
194                             <article
class="team-info">
195                                 <h3>Name
2</h3>
196                                 <h4>....</h4>
197                             </article>
198
199                             <div
class="team-content">
200
201                                 <div
class="team-social-share text-center clearfix">
202                                     <a
class="fa fa-facebook rectangle" href="#" title="Facebook"></a>
203                                     <a
class="fa fa-twitter rectangle" href="#" title="Twitter"></a>
204                                     <a
class="fa fa-google-plus rectangle" href="#" title="Google Plus"></a>
205                                     <a
class="fa fa-linkedin rectangle" href="#" title="Linkedin"></a>
206                                 </div> <!-- end .author-social-box -->
207
208                             </div>
209
210                         </div> <!-- end team layout-
1 -->
211
212                     </div> <!-- end .col-md-
4 col-sm-12 -->
213
214                     <div
class="col-lg-4 col-md-offset-0 col-md-4 col-md-offset-0 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
215
216                         <div
class="team-layout-1">
217
218                             <figure
class="team-member">
219                                 <a href=
"#" title="JOHN ABRAHAM">
220                                   <!-- <img src=
"images/team_7.jpg" alt="JOHN ABRAHAM" /> -->
221                                 </a>
222
223                             </figure> <!-- end. team-member -->
224
225                             <article
class="team-info">
226                                 <h3>Name
3</h3>
227                                 <h4>....</h4>
228                             </article>
229                             <div
class="team-content">
230
231                                 <div
class="team-social-share text-center clearfix">
232                                     <a
class="fa fa-facebook rectangle" href="#" title="Facebook"></a>
233                                     <a
class="fa fa-twitter rectangle" href="#" title="Twitter"></a>
234                                     <a
class="fa fa-google-plus rectangle" href="#" title="Google Plus"></a>
235                                     <a
class="fa fa-linkedin rectangle" href="#" title="Linkedin"></a>
236                                 </div> <!-- end .author-social-box -->
237
238                             </div>
239
240                         </div> <!-- end team-layout-
1 -->
241
242                     </div> <!-- end .col-md-
4 col-sm-12 -->
243
244
245                 </div> <!-- end .row -->
246
247             </div> <!-- end .container -->
248
249         </section> <!-- end .section-our-team -->
250
251
252
253         <!-- SECTION COUNTER -->
254
255         <section
class="section-counter">
256
257             <div
class="container wow fadeInUp">
258
259                 <div
class="row">
260
261                     <div
class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
262
263                         <div
class="counter-block-1 text-center">
264
265                             <i
class="fa fa-heartbeat icon"></i>
266                             <span
class="counter">2578</span>
267                             <h4>Success Smile</h4>
268
269                         </div>
270
271                     </div> <!-- end .col-lg-
3 -->
272
273                     <div
class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
274
275                         <div
class="counter-block-1 text-center">
276
277                             <i
class="fa fa-stethoscope icon"></i>
278                             <span
class="counter">3235</span>
279                             <h4>Happy Donors</h4>
280
281                         </div>
282
283                     </div> <!-- end .col-lg-
3 -->
284
285                     <div
class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
286
287                         <div
class="counter-block-1 text-center">
288
289                             <i
class="fa fa-users icon"></i>
290                             <span
class="counter">3568</span>
291                             <h4>Happy Recipient</h4>
292
293                         </div>
294
295                     </div> <!-- end .col-lg-
3 -->
296
297                     <div
class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
298
299                         <div
class="counter-block-1 text-center">
300
301                             <i
class="fa fa-building icon"></i>
302                             <span
class="counter">1364</span>
303                             <h4>Total Awards</h4>
304
305                         </div>
306
307                     </div> <!-- end .col-lg-
3 -->
308
309
310                 </div> <!-- end row -->
311
312             </div> <!-- end .container -->
313
314         </section> <!-- end .section-counter -->
315
316
317
318
319
320
321         <!-- CLIENT TESTIMONIAL SECTION -->
322
323         <section
class="section-content-block section-client-testimonial">
324
325             <div
class="container">
326
327                 <div
class="testimonial-container text-center">
328
329                     <div
class="col-md-10 col-md-offset-1 col-sm-12">
330
331                         <div
class="testimony-layout-1">
332                             <h3
class="people-quote">Donor Opinion</h3>
333                             <p
class="testimony-text">
334                                 <i
class="fa fa-quote-left" aria-hidden="true"></i>
335                                 I proudly donate blood
on a regular basis because it gives others something they desperately need to survive. Just knowing I can make a difference in someone else’s life makes me feel great!
336                                 <i
class="fa fa-quote-right" aria-hidden="true"></i>
337                             </p>
338
339                            
340
341                         </div> <!-- end .testimony-layout-
1 -->
342
343                     </div> <!-- end col-md-
10 -->
344
345                     <div
class="col-md-10 col-md-offset-1 col-sm-12">
346
347                         <div
class="testimony-layout-1">
348                             <h3
class="people-quote">Donor Opinion</h3>
349                             <p
class="testimony-text">
350                                 <i
class="fa fa-quote-left" aria-hidden="true"></i>
351                                 I have been a donor since high school. Although I have not been a donor every year, I always want to give to the human race. I love to help others! Moreover it gives a real peace
in my mind.
352                                 <i
class="fa fa-quote-right" aria-hidden="true"></i>
353                             </p>
354
355
356                         </div> <!-- end .testimony-layout-
1 -->
357
358                     </div> <!-- end col-md-
10 -->
359
360                     <div
class="col-md-10 col-md-offset-1 col-sm-12">
361
362                         <div
class="testimony-layout-1">
363                             <h3
class="people-quote">Recipient Opinion</h3>
364                             <p
class="testimony-text">
365                                 <i
class="fa fa-quote-left" aria-hidden="true"></i>
366                                 I wish I could tell you my donor how grateful I am
for your selfless act.You gave me new life. We may be coworkers or schoolmates or just two in the same community.I'm very grateful to you.
367                                 <i
class="fa fa-quote-right" aria-hidden="true"></i>
368                             </p>
369
370                            
371
372                         </div> <!-- end .testimony-layout-
1 -->
373
374                     </div> <!-- end col-md-
10 -->
375
376                 </div> <!-- end .row -->
377
378             </div> <!-- end .container -->
379
380         </section> <!-- end .section-client-testimonial -->
381
382
383         <!-- HIGHLIGHT CTA -->
384
385      <section
class="cta-section-1">
386             <div
class="container">
387                 <div
class="row">
388                     <div
class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
389                         <h2>We are Ready To help </h2>
390                         <p>
391                             Be a honest and participate
in social involvements . so let's get together for donating blood which can help in the retaining of one's life .
392                         </p>
393                     </div> <!-- end .col-md-
8 -->
394                     <div
class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
395                         <a
class="btn btn-cta-1" href="be-a-part">BE A PART</a>
396                     </div> <!-- end .col-md-
4 -->
397                 </div> <!-- end .row -->
398             </div>
399         </section>
400
401
402         <!-- START FOOTER -->
403
404      <footer>
405
406             <section
class="footer-widget-area footer-widget-area-bg">
407
408                 <div
class="container">
409
410                     <div
class="row">
411
412                         <div
class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
413
414                             <div
class="about-footer">
415
416                                 <div
class="row">
417
418                                     <div
class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
419                                         <img src=
"images/logo-footer.png" alt="" />
420                                     </div> <!-- end col-lg-
3-->
421
422                                     <div
class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
423                                         <p>
424                                             Student Police Cadet Of IKTHSS Cherukulamba Has Stepped Into The Society By Introducing A Blood Doners Directory In Order To Innovate Every Individual
's Participation In These Kind Of Social Activities....
425                                         </p>
426                                     </div> <!-- end .col-lg-
9 -->
427
428                                 </div> <!-- end .row -->
429
430                             </div> <!-- end .about-footer -->
431
432                         </div> <!-- end .col-md-
12 -->
433
434                     </div> <!-- end .row -->
435
436                     <div
class="row">
437
438                         <div
class="col-md-4 col-sm-6 col-xs-12">
439
440                             <div
class="footer-widget">
441                                 <div
class="sidebar-widget-wrapper">
442                                     <div
class="footer-widget-header clearfix">
443                                         <h3>Powered
by</h3>
444                                     </div>
445                                     <p></p>
446                                     <div
class="footer-subscription">
447                                       <li><a href=
""><img src="images/ikthss.jpg" height="45%" width="45%"></a></li>
448                                        
449                                     </div>
450                                 </div>
451                             </div>
452
453                         </div> <!-- end .col-md-
4 col-sm-12 -->
454
455                         <div
class="col-md-4 col-sm-6 col-xs-12">
456
457                             <div
class="footer-widget">
458
459                                 <div
class="sidebar-widget-wrapper">
460
461                                     <div
class="footer-widget-header clearfix">
462                                         <h3>Contact Us</h3>
463                                     </div> <!-- end .footer-widget-header -->
464
465
466                                     <div
class="textwidget">
467
468                                        <i
class="fa fa-envelope-o fa-contact"></i> <p><a href="mail:ikthssckb@gmail.com">ikthssckb@gmail.com</a></p>
469
470                                         <i
class="fa fa-location-arrow fa-contact"></i> <p>Student Police Cadet<br/>Ikthss Cherukulamba<br> Vattalur(PO)-676507 <br> Malappuram</p>
471
472                                         <i
class="fa fa-phone fa-contact"></i> <p>Phone:&nbsp; 04933 242 039
473
474                                     </div>
475
476                                 </div> <!-- end .footer-widget-wrapper -->
477
478                             </div> <!-- end .footer-widget -->
479
480                         </div> <!-- end .col-md-
4 col-sm-12 -->
481
482                         <div
class="col-md-4 col-sm-12 col-xs-12">
483
484                             <div
class="footer-widget clearfix">
485
486                                 <div
class="sidebar-widget-wrapper">
487
488                                     <div
class="footer-widget-header clearfix">
489                                         <h3>Support Links</h3>
490                                     </div> <!-- end .footer-widget-header -->
491
492
493                                     <ul
class="footer-useful-links">
494
495                                         <li>
496                                             <a href=
"https://facebook.com/IKTEDUCity">
497                                                 <i
class="fa fa-caret-right fa-footer"></i>
498                                                 IKT Educity
499                                             </a>
500                                         </li>
501
502                                         <li>
503                                             <a href=
"https://www.youtube.com/channel/UCic8owPLTcWF2Cue4XN5A7g/videos">
504                                                 <i
class="fa fa-caret-right fa-footer"></i>
505                                                 IKT VISION
506                                             </a>
507                                         </li>
508                                              <li>
509                                             <a href=
"http://studentpolicecadet.org/">
510                                                 <i
class="fa fa-caret-right fa-footer"></i>
511                                                 Student Police Cadet
512                                             </a>
513                                         </li>
514                                         <li>
515                                             <a href=
"about-us">
516                                                 <i
class="fa fa-caret-right fa-footer"></i>
517                                                 About Us
518                                             </a>
519                                         </li>
520                                         <li>
521                                             <a href=
"contact">
522                                                 <i
class="fa fa-caret-right fa-footer"></i>
523                                                 Contact Us
524                                             </a>
525                                         </li>
526                                         <li>
527                                             <a href=
"https://techzia.in">
528                                                 <i
class="fa fa-caret-right fa-footer"></i>
529                                                 Techzia
530                                             </a>
531                                         </li>
532
533                                        
534
535                                        
536
537                                         
538
539                                        
540
541                                        
542
543                                                                              
544
545                                     </ul>
546
547                                 </div> <!-- end .footer-widget -->
548
549                             </div> <!-- end .footer-widget -->
550
551                         </div> <!-- end .col-md-
4 col-sm-12 -->
552
553                     </div> <!-- end row -->
554
555                 </div> <!-- end .container -->
556
557             </section> <!-- end .footer-widget-area -->
558
559             <!--FOOTER CONTENT -->
560
561             <section
class="footer-contents">
562
563                 <div
class="container">
564
565                     <div
class="row clearfix">
566                              <center>
567                         <div >
568                            
569                             <p > Copyright © Ikthss Blood Donares Directory <?php echo date(
'Y');?>. All rights reserved - By <a href='https://techzia.in'>Techzia </a> </p>
570
571                         </div> <!-- end .col-sm-
6 -->
572                         </center>
573                       
574                         </div> <!-- end .col-lg-
6 -->
575
576                     </div> <!-- end .row -->
577
578                 </div> <!-- end .container -->
579
580             </section> <!-- end .footer-content -->
581
582         </footer>
583
584         <!-- END FOOTER -->
585
586
587         <!-- Back To Top Button -->
588
589         <a id=
"backTop">Back To Top</a>
590
591         <script src=
"js/jquery.min.js"></script>
592         <script src=
"js/bootstrap.min.js"></script>
593         <script src=
"js/wow.min.js"></script>
594         <script src=
"js/jquery.backTop.min.js "></script>
595         <script src=
"js/waypoints.min.js"></script>
596         <script src=
"js/waypoints-sticky.min.js"></script>
597         <script src=
"js/owl.carousel.min.js"></script>
598         <script src=
"js/jquery.stellar.min.js"></script>
599         <script src=
"js/jquery.counterup.min.js"></script>
600         <script src=
"js/venobox.min.js"></script>
601         <script src=
"js/custom-scripts.js"></script>
602     </body>
603
604 </html>


Gõ tìm kiếm nhanh...